import {h} from 'snabbdom/build/package/h'
import {init} from 'snabbdom/build/package/init'

let patch = init([])

//这个只是创建虚拟节点 在patch中比较的时候 才会createElm
let vnode = h('div#container',[
    h('h1','HELLO snabbdom'),
    h('p','p标签')
])

let app = document.querySelector('#app')

let oldVnode = patch(app,vnode)


//模拟从服务器中拿数据 更新dom

setTimeout(() => {
    vnode = h("div#container",[
        h('h1','hello world'),
        h('p','hello p')
    ])

    patch(oldVnode,vnode)

    // 清空页面元素 
    // patch(oldVnode,null)  //错误用法
    setTimeout(()=>{
        patch(oldVnode,h('!'))
    },1000)
    
},2000)